.detail {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .detailVal{
    width:100%;
    padding: 3% 20% 0 20%;
    display: flex;
    flex-direction: column;
    h3{
      color: rgb(14, 13, 13);
      text-align: center;
      font-size: larger;
    }
    .timeAuthor{
      width: 100%;
      display: flex;
      .time{
        margin-right: 25px;
      }
    }
    .content{
    width: 100%;
    margin-top: 10px;
    }
  }
}
/* 媒体查询写在最后 */
/* 750以下 */
@media all and (max-width: 750px) {
  .detail {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .detailVal{
      width:100%;
      padding:5%;
      display: flex;
      flex-direction: column;
      h3{
        color: rgb(14, 13, 13);
        text-align: center;
        font-size: larger;
      }
      .timeAuthor{
        width: 100%;
        display: flex;
        .time{
          margin-right: 25px;
        }
      }
      .content{
      width: 100%;
      margin-top: 10px;
      }
    }
   
  }
}
